/* 常用 flex */
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-column{
	display: flex;
	flex-direction: column;
}


.flex-justify-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-align-center {
	display: flex;
	align-items: center;
}

/* 清除浮动 */
.clearfix::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

/* 文字单行省略号 */
.sle {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis; /* 文本溢出时显示省略标记  兼容Safari */
	-o-text-overflow: ellipsis; /* 文本溢出时显示省略标记  兼容Opera */
}

/* 文字多行省略号 */
.mle {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 文字多了自動換行 */
.break-word {
	word-wrap: break-word;
	word-break: break-all;
}

.float-right{
	float: right;
}
.cursor-pointer{
	cursor: pointer;
}


.h-full{
	height: 100%;
}
.w-full{
	width: 100%;
}
.flex{
	display: flex;
	flex: 1;
}
.flex-column{
	display: flex;
	flex-direction: column;
}
.flex-row{
	display: flex;
	flex-direction: row;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-justify-between{
	display: flex;
	justify-content: space-between;
}
.items-center{
	align-items: center;
	justify-items: center;
}
.justify-center{
	justify-content: center;
}



/* 外边距、内边距全局样式
------------------------------- */
@for $i from 5 through 35 {
	.m#{$i} {
		margin: #{$i}px !important;
	}
	.mt#{$i} {
		margin-top: #{$i}px !important;
	}
	.mr#{$i} {
		margin-right: #{$i}px !important;
	}
	.mb#{$i} {
		margin-bottom: #{$i}px !important;
	}
	.ml#{$i} {
		margin-left: #{$i}px !important;
	}
	.p#{$i} {
		padding: #{$i}px !important;
	}
	.pt#{$i} {
		padding-top: #{$i}px !important;
	}
	.pr#{$i} {
		padding-right: #{$i}px !important;
	}
	.pb#{$i} {
		padding-bottom: #{$i}px !important;
	}
	.pl#{$i} {
		padding-left: #{$i}px !important;
	}
}
